<div class="row-fluid sortable">		
    <div class="box span12">
        <div class="box-header" data-original-title>
            <h2><i class="icon-user"></i><span class="break"></span>Danh sách ý tưởng</h2>
            <div class="box-icon">
                <a href="#" class="btn-setting"><i class="fa-icon-wrench"></i></a>
                <a href="#" class="btn-minimize"><i class="fa-icon-chevron-up"></i></a>
                <a href="#" class="btn-close"><i class="fa-icon-remove"></i></a>
            </div>
        </div>
        <div class="box-content">
            <table class="table table-striped table-bordered bootstrap-datatable datatable">
                <thead>
                    <tr>
                        <th>Tiêu đề</th>
                        <th>Ngày đăng</th>
                        <th>Người đăng</th>
                        <th>Trạng thái</th>
                        <th>Actions</th>
                    </tr>
                </thead>   
                <tbody>
                    <?php foreach ($YTuongs as $YTuong) { ?>
                        <tr data-id="<?php echo $YTuong->Id; ?>">
                            <td><?php echo '<strong>' . $YTuong->TieuDe . '</strong>'; ?></td>
                            <td><?php echo date('d-m-Y', strtotime($YTuong->NgayDang)) . '<br/>' . date('H:i:s', strtotime($YTuong->NgayDang)); ?></td>
                            <td><?php echo $YTuong->TenNguoiDang; ?></td>
                            <td>
                                <?php if ($YTuong->TrangThai) { ?>
                                    <span class="label label-success label-status"><?php echo 'Hiển thị'; ?></span>
                                <?php } else { ?>
                                    <span class="label label-important label-status"><?php echo 'Đang ẩn'; ?></span>
                                <?php } ?>

                            </td>
                            <td class="center">
                                <a class="btn btn-info btn-detail" href="<?php echo Yii::app()->createUrl('admin/default/CTYTuong', array('Id' => $YTuong->Id)); ?>" title="Chi tiết">
                                    <i class="fa-icon-edit icon-white"></i>                                            
                                </a>
                                <?php if ($YTuong->TrangThai) { ?>
                                    <a class="btn btn-success btn-hide" href="#" title="Ẩn Ý tưởng này">
                                        <i class="fa-icon-eye-close icon-white"></i>                                            
                                    </a>
                                <?php } else { ?>
                                    <a class="btn btn-success btn-hide" href="#" title="Hiện Ý tưởng này">
                                        <i class="fa-icon-eye-open icon-white"></i>                                            
                                    </a>
                                <?php } ?>
                                <a class="btn btn-danger btn-delete" href="#" title="Xóa Ý tưởng này">
                                    <i class="fa-icon-trash icon-white"></i> 
                                </a>
                            </td>
                        </tr>
                    <?php } ?>
                </tbody>
            </table>            
        </div>
    </div><!--/span-->

</div><!--/row-->

<script>
    $(document).ready(function() {
        $('.btn-delete').click(function() {
            if (!confirm('Bạn có thực sự muốn xóa ý tưởng này không?')) {
                return;
            }
            var object = $(this).parent().parent();
            var id = object.attr('data-id');
            URL = '<?php echo Yii::app()->createUrl('admin/default/DeleteYTuong'); ?>';
            $.post(URL, {Id: id}, function(data) {
                if (data === 'success') {
                    object.remove();
                } else {
                    alert('Không xóa được');
                }
            });
        });
        $('.btn-hide').click(function() {
            var object = $(this).parent().parent();
            var curObject = $(this);
            var id = object.attr('data-id');
            URL = '<?php echo Yii::app()->createUrl('admin/default/ShowOrHideYTuong'); ?>';
            $.post(URL, {Id: id}, function(data) {

                if (data['status'] === 'success') {
//                    console.log(object.find('.label-status').attr('class'));
                    var tar = object.find('.label-status');
                    if (data['class'] === 'fa-icon-eye-close') {
                        console.log(curObject.attr('class'));                        
                        tar.removeClass('label-important');
                        tar.addClass('label-success');
                        tar.html('Hiển thị');
                        curObject.prop('title', 'Ẩn Ý tưởng này');
                        curObject.children('i').removeClass('fa-icon-eye-open').addClass('fa-icon-eye-close');
                    } else {
                        console.log(curObject.attr('class'));
                        tar.removeClass('label-success');
                        tar.addClass('label-important');
                        tar.html('Đang ẩn');
                        curObject.attr('title', 'Hiển thị Ý tưởng này');
                        curObject.children('i').removeClass('fa-icon-eye-close').addClass('fa-icon-eye-open');
                    }
                } else {
                    alert('Không thể thực hiện hành động này, thử lại sau.');
                }
            }, 'json');
        });
    });
</script>